<template>
    <div class="tjModel">
        <div class="title">
            <span>- 推荐模块 -</span>
        </div>
        <ul :style="{width:winWidth.screenWidth-10+'px'}">
            <li  v-for="item in list" :key="item" :style="{width:liwidth-10+'px'}">
                <a>
                     <span>{{item.name}}</span>
                     <span>"{{item.info}}"</span>
                  <image mode="aspectFit" :style="{width:liwidth-10+'px',height:liwidth-10+'px'}" :src="item.url" />
                   
                </a>
            </li>
        </ul>
    </div>
</template>

<script type="text/ecmascript-6">
    export default {
        data() {
            return {
                winWidth:wx.getStorageSync('userSystem'),
                liwidth:(wx.getStorageSync('userSystem').screenWidth-10) / 3,
                list:[
                    {name:'手机馆',url:'../../static/image/vip.jpg',info:"抢高性价比神机"},
                     {name:'男装馆',url:'../../static/image/vip.jpg',info:"全场5-7折"},
                      {name:'数码馆',url:'../../static/image/vip.jpg',info:"低至7折"},
                       {name:'运动馆',url:'../../static/image/vip.jpg',info:"低至5折"},
                     {name:'宠物馆',url:'../../static/image/vip.jpg',info:"全场包邮"},
                      {name:'女装馆',url:'../../static/image/vip.jpg',info:"大牌折扣"}
                ]
            }
        },
        created:function(){
            console.log("adsfa")
            console.log(this.liwidth)
            // this.winWidth = wx.getStorageInfoSync('userSystem')
            console.log(wx.getStorageSync('userSystem'))

        }
    }
</script>

<style scoped>

</style>
